// import 'package:flutter/material.dart';
//
// import '../asperct_raio_image.dart';
//
// class WebListWidget extends StatefulWidget {
//   @override
//   _WebListWidgetState createState() => _WebListWidgetState();
// }
//
// class _WebListWidgetState extends State<WebListWidget> {
//
//   TextEditingController _textEditingController;
//
//   @override
//   void initState() {
//     _textEditingController = TextEditingController();
//     super.initState();
//   }
//
//   @override
//   Widget build(BuildContext context) {
//     return GridView.builder(
//       padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
//       itemBuilder: (BuildContext context, int index) {
//         var text = _textEditingController.text;
//         var url =
//             'http://localhost:4040${text.substring(text.lastIndexOf('/'))}.jpg!p$index';
//         print(url);
//         return kIsWeb? Image.network(url):Card(
//           shape: RoundedRectangleBorder(
//             borderRadius: BorderRadiusDirectional.circular(8),
//           ),
//           // child: Image.network(url),
//           child: AsperctRaioImage.network(
//             url,
//             builder: _buildImage,
//           ),
//         );
//       },
//       shrinkWrap: true,
//       itemCount: _textEditingController.text == '' ? 0 : 6,
//       gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//           crossAxisCount: 3,
//           crossAxisSpacing: 10,
//           mainAxisSpacing: 10),
//     );
//   }
//
//   Widget _buildImage(
//       BuildContext context, AsyncSnapshot<ui.Image> snapshot, String url) {
//     switch (snapshot.connectionState) {
//       case ConnectionState.none:
//         print('ConnectionState.none');
//         break;
//       case ConnectionState.waiting:
//         print('ConnectionState.waiting');
//         break;
//       case ConnectionState.active:
//         print('ConnectionState.active');
//         break;
//       case ConnectionState.done:
//         print('ConnectionState.done');
//         break;
//     }
//     if (snapshot.hasError) {
//       return Container(color:Colors.red,child: Text(snapshot.error));
//     }
//     if (snapshot.hasData) {
//       return GestureDetector(
//         onTap: (){
//           _dio.get(url).then((response) {
//             print(response.toString());
//           });
//         },
//         onLongPress: () async {
//           var isDownload = await showDialog(
//               context: context,
//               barrierDismissible: false,
//               builder: (_) => AlertDialog(
//                 title: Text('下载'),
//                 content: Text('是否下载该图片到当前程序目录'),
//                 actions: [
//                   RaisedButton(
//                     onPressed: () => Navigator.pop(_, true),
//                     child: Text('确定'),
//                   ),
//                   RaisedButton(
//                     onPressed: () => Navigator.pop(_, false),
//                     child: Text('取消'),
//                   )
//                 ],
//               ));
//           if (isDownload) {
//             try {
//               // var file = File('\\${url.split('/').last}.jpg');
//               // var file = File('${Directory.current}\\${url.split('/').last}.jpg');
//
//               ///
//               var image = snapshot.data;
//               var file = File(
//                   '${url.split('/').last.split('.').first}-${image.width.toInt()}-${image.height.toInt()}.jpg');
//               print(file.absolute);
//               if (!file.existsSync()) {
//                 print('url:$url');
//                 Dio()
//                     .download(url, file.absolute.path,
//                     options: Options(
//                       method: 'GET',
//                       contentType: 'image/jpeg',
//                       followRedirects: true,
//                       responseType: ResponseType.bytes,
//                       validateStatus: (status) {
//                         return status < 500;
//                       },
//                     ))
//                     .whenComplete(() => print('下载完成'));
//                 // file.create().then((file) async{
//                 //
//                 //   // var imageFuture = await _dio.get(url);
//                 //   // print(imageFuture.data);
//                 //   // _dio.get(url).then((value) => print(value.toString()));
//                 //   // snapshot.data.toByteData().then((data) {
//                 //   //   // file.openWrite().writeAll(data.buffer.asByteData());
//                 //   //   file.openWrite().write(data);
//                 //   // });
//                 // });
//               }
//             } catch (e) {
//               print(e);
//             }
//             // var url = _images[index];
//             // _dio.get(url).then((value) {
//             //   print(value.toString());
//             //   print(value.request.path);
//             //   print(value.statusCode);
//             //   var file = File(
//             //       './${value.realUri.path.split('/').last}');
//             //   if (!file.existsSync()) {
//             //     file.openWrite().writeAll(value.data);
//             //   }
//             // });
//           }
//         },
//         child: Container(
//           decoration: BoxDecoration(
//               color: Colors.transparent,
//               image: DecorationImage(
//                 image: NetworkImage(url),
//               )),
//           child: Align(
//             alignment: Alignment.bottomCenter,
//             child: Container(
//               width: double.infinity,
//               padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
//               decoration: BoxDecoration(
//                 color: Colors.black45,
//                 borderRadius: BorderRadiusDirectional.vertical(
//                     bottom: Radius.circular(8)),
//               ),
//               child: Text(
//                 '${snapshot.data.width.toInt()}*${snapshot.data.height.toInt()}',
//                 style: TextStyle(color: Colors.white),
//               ),
//             ),
//           ),
//         ),
//       );
//     } else {
//       return Container(child: Center(child: CircularProgressIndicator()));
//     }
//   }
//
//   Widget _errorbuild(BuildContext context, Object error, StackTrace stackTrace) {
//     print(stackTrace);
//     return Text(error.toString());
//   }
// }
